<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head>
<body>
    <div></div>
    <p>我是文字
        <a href="">123</a>
    </p>
    <script>
        // innerText 和 innerHTML的区别
        // 1.innerText 不识别html标签 非标准
        var div = document.querySelector('div')
        div.innerText = 'js添加'
        // 2.innerHtml 识别html标签, w3
     
        div.innerHTML = '<del>被<strong>删除</strong>的文字</del>'
        // 这两个属性是可读写的  可获取元素里面的内容
        var p = document.querySelector('p')
        console.log(p.innerHTML);
        console.log(p.innerText);
    </script>
</body>
</html>